<nz-card>
    <form nz-form>
        <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSpan]="1">
                <label>状态</label>
            </div>
            <div nz-form-control nz-col [nzSpan]="5">
                <nz-select [(ngModel)]="queryParams.status" name="status" [nzPlaceHolder]="'状态'">
                    <nz-option *ngFor="let option of options" [nzLabel]="option.label" [nzValue]="option.value">
                    </nz-option>
                </nz-select>
            </div>
            <div nz-form-label nz-col [nzSpan]="2">
                <label>关键字</label>
            </div>
            <div nz-form-control nz-col [nzSpan]="5">
                <nz-input [(ngModel)]="queryParams.key" name="key" [nzPlaceHolder]="'关键字'" [nzSize]="'large'">
                </nz-input>
            </div>
            <div nz-form-label nz-col [nzSpan]="2">
                <button nz-button [nzType]="'primary'" (click)="queryFn()">
                    <span>查询</span>
                </button>
            </div>
        </div>
    </form>
    <div class="mb-md">
        <button nz-button="" class="ant-btn ant-btn-primary ant-btn-lg" (click)="addquestionFn(user)">
            <i class="anticon anticon-plus" style="display: inline-block;"></i>
            <span>创建问题</span>
        </button>
    </div>
    <nz-table #nzTable [nzDataSource]="data" [nzPageSize]="8" [nzBordered]="true" [nzSize]="'small'">
        <thead nz-thead>
            <tr>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span></span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>问题编号</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>填单人</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>问题分类</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>问题描述</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>状态</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>提交日期</span>
                </th>
                <th nz-th style="background: lavender;font-weight: bold;">
                    <span>操作</span>
                </th>
            </tr>
        </thead>
        <tbody nz-tbody>
            <tr nz-tbody-tr *ngFor="let data of nzTable.data;index as i;">
                <td nz-td>
                    <a>{{data.id}}</a>
                </td>
                <td nz-td>{{data.billNo}}</td>
                <td nz-td>{{data.inputer}}</td>
                <td nz-td>
                    <nz-tag *ngIf="data.category=='10'">操作问题</nz-tag>
                    <nz-tag *ngIf="data.category=='20'">流程问题</nz-tag>
                    <nz-tag *ngIf="data.category=='30'">数据核对问题</nz-tag>
                    <nz-tag *ngIf="data.category=='40'">系统功能改进</nz-tag>
                    <nz-tag *ngIf="data.category=='50'">系统异常</nz-tag>
                    <nz-tag *ngIf="data.category=='60'">新增需求</nz-tag>
                </td>
                <td nz-td>{{data.summary}}</td>
                <td nz-td>
                    <nz-tag *ngIf="data.statue=='2'">开立</nz-tag>
                    <nz-tag *ngIf="data.statue=='4'">提交</nz-tag>
                    <nz-tag *ngIf="data.statue=='8'">已受理</nz-tag>
                    <nz-tag *ngIf="data.statue=='16'">处理中</nz-tag>
                    <nz-tag *ngIf="data.statue=='32'">处理完毕</nz-tag>
                    <nz-tag *ngIf="data.statue=='64'">已结案</nz-tag>
                </td>
                <td nz-td>{{data.timeCreated}}</td>
                <td nz-td>
                    <span>
                        <a *ngIf="(data.statue=='2')" (click)='updataFn(data.id)'>修改</a>
                        <span nz-table-divider *ngIf="(data.statue=='2')"></span>
                        <a (click)='seeFn(data.id,data.statue)'>查看</a>                    
                    </span>
                </td>
            </tr>
        </tbody>
    </nz-table>
</nz-card>
